

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
<link rel="stylesheet" href="CSS/StyleCSS.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="CSS/style.css" rel="stylesheet" type="text/css" />
<link href="CSS/Slider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});
</script>

</head>
<body>    
<form method="post" action="Home.aspx" id="form1">


<div id="pagewidth" >
<div class="top-bg"></div>
<div class="cover-BG">
<div class="small-pace"></div> 
 <div id="header">
  
 </div>
 
<div class="small-pace"></div>



<table width="800" height="30" heighborder="0">
  <tr>
    <td class="Hori-me-detail"><a href="" class="no-underline">Trang chủ</a></td>
    <td class="Hori-me-detail"><a href="" class="no-underline">Nhà Trọ</a></td>
    <td class="Hori-me-detail"><a href="" class="no-underline">Tin Tức</a></td>
    <td class="Hori-me-detail"><a href="" class="no-underline">Liên Hệ</a></td>
    <td class="Hori-me-detail"><a href="" class="no-underline"; color:#000">Admin</a></td>
    <td class="Hori-me-detail"><a href="" class="no-underline"; color:#000">Tìm Kiếm</a></td>
    <td class="Hori-me-detail"><a href="" class="no-underline">Đăng Nhập</a></td>
    <td class="Hori-me-detail"><a href="" class="no-underline">Đăng Ký</a></td>
    
    
  </tr>
</table>





<div class="small-pace"></div>
<!-- Phần body chính -->

	<!-- Phần left column -->
  




<div class="left-col">
		<div class="tl"><img src="Images/BG/tr.gif" width="5" height="5" /> </div>
      <div class="le-co-menu">
      
        <div class="le-co-ti-color">
          <div class="le-co-hi-title">QUẬN / HUYỆN</div>
        </div>
        <div class="dlQ">
          <div class="dlQ-b"><a href="" class="link-color">abc</a></div>
          <div class="dlQ-b"><a href="" class="link-color">abc</a></div>
        </div>
      </div>
    </div>
    
    
	<!-- Phần center column -->
    
<div class="center-col" >
	<div class="tl"><img src="Images/BG/tr.gif" width="5" height="5" /> </div>
  <div class="le-co-menu" >
    <div class="le-co-ti-color">
      <div class="le-co-hi-title">TRANH CHỦ</div>
    </div>
    <div class="dlQ" >
    
    	<div id="featured" >
		  <ul class="ui-tabs-nav">
	        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" width="70" height="50" /><span>15+ Excellent High Speed Photographs</span></a></li>
	        <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" width="70" height="50" /><span>20 Beautiful Long Exposure Photographs</span></a></li>
	        <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" width="70" height="50"  /><span>35 Amazing Logo Designs</span></a></li>
	        <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" width="70" height="50" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
	      </ul>

	    <!-- First Content -->
	    <div id="fragment-1" class="ui-tabs-panel" style="">
			
            <img src="Images/Pic/image1.jpg" width="314" height="256" />
<div class="info" >
  <h2><a href="#">15+ Excellent High Speed</a></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p>
			 </div>
	    </div>

	    <!-- Second Content -->
	    <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
			<img src="images/image2.jpg" alt="" />
			 <div class="info" >
				<h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2>
				<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
			 </div>
	    </div>

	    <!-- Third Content -->
	    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
			<img src="images/image3.jpg" alt="" />
			 <div class="info" >
				<h2><a href="#" >35 Amazing Logo Designs</a></h2>
				<p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p>
	         </div>
	    </div>

	    <!-- Fourth Content -->
	    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
			<img src="images/image4.jpg" alt="" />
			 <div class="info" >
				<h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2>
				<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
	         </div>
	    </div>

		</div>
    
    	<div class="small-pace"></div>
    
      <div class="RL-box-border">
        <div class="RL-title">
            <span class="maukhac">Nhà trọ tại 22bis, p26, Q.Bình Thạnh .Bình Thạnh.Bình Thạnh.Bình Thạnh.B.Bình Thạnh.Bình Thạnh.Bình Thạnh Q.Bình Thạnh .</span>
            </div>
            <div class="small-pace"></div>
            
            <div class="RL-image">
              <img src="Images/Icon/home.png" width="50" height="50" /></div>
            
            
            <div class="RL-detail">
            Loại Nhà Trọ
            <span class="maukhac">
            ở ghép
            </span>
            </div>
            <div class="RL-detail">
            Liên Hệ
            <span class="maukhac">
            092135545
            </span>
            
            </div>
            <div class="RL-detail">
            
            </div>
            <div class="RL-detail">
            <a class="link-color" href="">Chi tiết</a>
            </div>
            
 		  	</div> 
                       
            
            <div class="small-pace"></div>
            
            <div class="RL-box-border">
            <div class="RL-title">
            <span class="maukhac">Nhà trọ tại 22bis, p26, Q.Bình Thạnh </span>
            </div>
            
            <div class="small-pace"></div>
            <div class="RL-image">
              <img src="Images/Icon/home.png" width="50" height="50" /></div>
            
            
            <div class="RL-detail">
            Loại Nhà Trọ
            <span class="maukhac">
            ở ghép
            </span>
            </div>
            <div class="RL-detail">
            Liên Hệ
            <span class="maukhac">
            092135545
            </span>
            
            </div>
            <div class="RL-detail">
            
            </div>
            <div class="RL-detail">
            <a class="link-color" href="">Chi tiết</a>
            </div>
            
   		  	</div>
            
    </div>
  </div>
</div>

<!-- Phần right column -->

	 
	
<div class="right-col">
<div class="tl"><img src="Images/BG/tr.gif" width="5" height="5" /> </div>
  <div class="le-co-menu">
    <div class="le-co-ti-color">
      <div class="le-co-hi-title">TIN TỨC</div>
    </div>
    <div class="dlQ">
    
      	<div class="tin-pre-border">
        <div class="tin-pre"> 
        <img src="Images/Icon/home.png" width="59" height="61" />
        </div>
        <a href="" class="link-color"> 
        Hôm qua tại Hôm qua tạiHôm qua tạiHôm qua tạiHôm qua tạiHôm qua tạiHôm qua tạiHôm qua tạiHôm qua tại  
        </a>
        </div>
        
        <div class="small-pace"></div>
        
        <div class="tin-pre-border">
        <div class="tin-pre"> 
        <img src="Images/Icon/home.png" width="59" height="61" />
         </div>
        <a href="" class="link-color"> 
        Hôm qua tại Hôm qua tạiHôm qua tạiHôm qua tạiHôm qua tạiHôm qua tạiHôm qua tạiHôm qua tạiHôm qua tại  
        </a>
        </div>

        <!--<div class="info-main-right" style="font-weight:bold; overflow:hidden; height:auto"></div> -->
        
    </div>
    
    
  </div>
</div>

</div>

<div class="botton-BG"></div>

<!-- phần foooter-->

</div>

<div id="footer">
  <p>ngoinhanho.com - developed by group A - 11 CIT</p>
</div>
</div>

<!--
	  <div id="twocols"> 
			<div id="maincol">
                
<div><p>Chào mừng bạn đến với web site ngôi nhà nhỏ trên thảo nguyên</p></div>
            
            </div>
			<div id="rightcol"> <h2>Tin tức</h2> <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p></div>
		</div> 
	  <div id="leftcol"> <h2>Quận/huyện</h2></div>
	</div>
	<div id="footer"><p>ngoinhanho.com - developed by group A - 11 CIT</p></div>
    -->
</form>
</body>
</html>
